import Vue from 'vue'
import geekIcon from './geek-icon.vue'
import hljs from 'highlight.js'
import 'highlight.js/styles/vs2015.css'

export default {
  install: function () {
    // console.log('这个插件自动执行了install方法')
    // 将geekIcon注册为全局组件
    Vue.component(geekIcon.name, geekIcon)

    // 注册一个全局指令 (使用混入的形式) -- mixin
    Vue.directive('highlight', (el) => {
      const codeList = el.querySelectorAll('pre code')
      codeList.forEach((code) => {
        hljs.highlightElement(code)
      })
    })
  }
}
